<template>
     <div class="max">
        <div class="bt">
            <p class="title">共 56 条评价</p>
        </div>
        <div class="box1">
            <div class="top">
                <img class="img1" src="/static/imgs_s06/s06_head.png" alt="">
                <div class="user">
                    <p class="name">繁华依旧</p>
                    <p class="date">2019-08-20 &nbsp; 17:26:18</p>
                </div>
                <img class="img2" src="/static/imgs_s06/s06_praise.png" alt="">
                <span class="txt">超赞</span>
            </div>
            <p class="pj1">味道很好，值得品尝，用餐环境很棒，超赞！！</p>
            <div class="tp">
                <img class="img3" src="/static/imgs_s06/s06_pic1.png" alt="">
                <img class="img3" src="/static/imgs_s06/s06_pic2.png" alt="">
                <img class="img3" src="/static/imgs_s06/s06_pic3.png" alt="">
            </div>
            <div class="ys">
                <div class="tx"></div>
                <div class="js">
                    <p class="name1">汇方圆</p>
                    <p class="pz">羊肉串、长沙臭豆腐等3种商品</p>
                </div>
                <img class="img4" src="/static/imgs_s06/s06_more.png" alt="">
            </div>
            <div class="footer">
                <span class="wm txt1">外卖</span>
                <span>删除评价</span>
            </div>
        </div>
        <div class="box2">
            <div class="top">
                <img class="img1" src="/static/imgs_s06/s06_head.png" alt="">
                <div class="user">
                    <p class="name">繁华依旧</p>
                    <p class="date">2019-08-20 &nbsp; 17:26:18</p>
                </div>
                <img class="img2" src="/static/imgs_s06/s06_praise.png" alt="">
                <span class="txt">超赞</span>
            </div>
            <p class="pj1">味道很好，值得品尝，用餐环境很棒，超赞！！</p>
            <div class="ys">
                <div class="tx"></div>
                <div class="js">
                    <p class="name1">汇方圆</p>
                    <p class="pz">羊肉串、长沙臭豆腐等3种商品</p>
                </div>
                <img class="img4" src="/static/imgs_s06/s06_more.png" alt="">
            </div>
            <div class="footer">
                <span class="txt1 ts">堂食</span>
                <span>删除评价</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {},

  created() {
    // let app = getApp()
  }
};
</script>
    <style>
        .max {
            width: 100%;
            height: 100%;
            background: #eee;
        }

        .bt {
            width: 356px;
            height: 50px;
            line-height: 50px;
            margin: 0 auto;
        }

        .title {
            font-size: 16px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: rgba(48, 48, 48, 1);
            margin-left: 12px;
        }

        .box1 {
            padding: 16px 0 0 10px;
            width: 356px;
            height: 302px;
            margin-top: 16px;
            margin: 0 auto;
            background: white;
        }

        .top {
            display: flex;
            flex-direction: row;
            margin-bottom: 15px;
        }

        .img1 {
            width: 24px;
            height: 24px;
            margin-right: 4px;
            margin-top: 7px;
        }

        .name {
            font-size: 11px;
            font-family: "PingFang";
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
            margin-bottom: 5px;
        }

        .date {
            font-size: 10px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: rgba(163, 165, 168, 1);
        }

        .img2 {
            width: 13px;
            height: 13px;
            margin-top: 10px;
            margin-left: 160px;
        }

        .txt {
            font-size: 11px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            margin: 9px 0 0 4px;
        }

        .pj {
            margin-top: 15px;
            margin-left: 11px;
            font-size: 13px;
            font-family: "PingFang";
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .tp {
            margin-top: 14px;
            margin: 14px 10px 18px 11px;
        }

        .img3 {
            width: 100px;
            height: 100px;
            margin-right: 8px;
        }

        .ys {
            width: 340px;
            height: 51px;
            display: flex;
            flex-direction: row;
            background: #eee;

        }

        .tx {
            width: 36px;
            height: 36px;
            background: rgba(206, 206, 206, 1);
            border-radius: 3px;
            margin-right: 7px;
            margin-left: 17px;
            margin-top: 6px;
        }


        .name1 {
            font-size: 12px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: rgba(101, 100, 96, 1);
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .pz {
            font-size: 11px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: rgba(155, 153, 151, 1);
        }

        .img4 {
            width: 13px;
            height: 13px;
            margin-left: 90px;
            margin-top: 19px;
        }

        .footer {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 12px;
            padding: 5px;
        }

        .wm {
            /* padding: 2px 4px; */
            background: rgba(241, 145, 73, 1);
            border-radius: 3px;
        }

        .txt1 {
            font-size: 11px;
            font-family: "Source Han Sans CN";
            color: rgba(255, 255, 255, 1);
            background: rgba(241, 145, 73, 1);
            padding: 2px 4px;
        }

        .txt1+span {
            padding: 3px 7px;
            border: 1px solid rgba(215, 215, 215, 1);
            border-radius: 12px;
            background: white;
            font-size: 11px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            /* margin-top: 18px;
            margin-left: 242px; */
        }

        .box2 {
            margin-top: 9px;
            padding: 16px 0 0 10px;
            width: 356px;
            height: 302px;
            margin-top: 16px;
            margin: 9px auto;
            background: white;
        }

        .pj1 {
            margin-bottom: 16px;
            font-size: 15px;
        }

        .ts {
            background: rgba(174, 91, 159, 1);
            border-radius: 3px;
            /* text-align: center; */
            /* margin-top: 22px;
            margin-left: 11px; */
        }
    </style>
